<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<title>Document</title>
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/animate.min.css">
</head>
<body>
	<div id="loading_wrap">
		<div id="loading">0%</div>
	</div>
	<div class="wrap">
		<div id="p1">
			<div id="index">
				<img class="tiaozhan animated" src="img/tiaozhan.png" alt="" />
				<img id="start_btn" class="start_btn animated" src="img/start_game.png" alt="" />
				<img class="shou fadeOut animated" src="img/shou.png"/>
				<img src="img/ranking.png" class="ranking"/>
			</div>
			
			<div class="p1_mask" id="user_data">
				<!--提交-->
				<img class="close" src="img/close.png" alt="" />
				<form class="userData_wrap">
					<input class="userData_name" type="text" placeholder="用户名" />
					<input class="tel" type="text" placeholder="密码" />
					<input class="sub" type="button" value="&nbsp;" />
				</form>
			</div>
			
		</div>
		<div class="p1_mask" id="ranking">
			<img class="close" src="img/close.png" alt="" />
			<div class="ranking_wrap">
				<!--
					前三个的.rank中不用插入名次文本，留空就行
				-->
				<ul>
					<!-- <li>
						<span class="rank"></span>
						<span class="user_name">聪明的小明</span>
						<span class="point">800分</span>
					</li> -->
				</ul>
			</div>
		</div>
		<div id="p2">
			<div id="game">
				<img class="p2_txt" src="img/tiaozhan.png" alt="" />
				<div class="qian_wrap">
					<img id="qian_swiper" class="p2_qian" src="img/p2_qian.jpg"/>
				</div>
				<img class="p2_zhuan" src="img/p2_zhuan.png" alt="" />
				<img class="p2_shou fadeOutUp animated" src="img/p2_shou.png"/>
				<div id="timeDown">
					<span class="time_num">0</span>
					<span class="time_num">0</span>
					<span class="time_num">0</span>
					<span class="clock">30</span>
				</div>
			</div>
		</div>
		<div id="p3">
			<div id="result">
				<img class="p3_acquire" src="img/p3_acquire.png" alt="" />
				<div id="result_num"></div>
				<div id="result_txt"></div>
				<img class="p3_again" src="img/p3_again.png" alt="" />
				<img src="img/ranking.png" class="ranking"/>
			</div>
			<div class="p1_mask" id="share">
				<img class="p3_share" src="img/p3_share.png"/>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="js/touch.min.js"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</html>